<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta title="高考客栈" />
		<title>高考客栈</title>
		<style>
			body {
				margin: 0 auto;
			}
		</style>
	</head>

	<body>

		<div style="width: 500px; height: 300px; border: 1px solid red; margin: 200px auto; border-radius: 5px;">
			<header style="height: 50px; background: #5cb85c;border-radius: 5px 5px 0 0; text-align: center; line-height: 50px;">高考客栈</header>
			<div>
				<ul>
					<li>资料：高考资料，应有尽有</li>
					<li>作文：满分、零分、写人、记事，满足你的阅读需求</li>
					<li>圈子：高考动态、吐槽、解压，说出你的心里话</li>
				</ul>
				<div style="text-align: center;margin-top: 70px;">
					<span style="color: #5cb85c;">8月8日</span><span style="color: red;">APP</span>正式上线
				</div>
				<div style="text-align: center;margin-top: 10px;">
					<span style="color: #5cb85c;">9月9日</span><span style="color: red;">官网</span>正式上线
				</div>
				<div style="text-align: center;margin-top: 10px;">
					敬请期待~
				</div>
			</div>
		</div>

	</body>

</html>